﻿@charset "utf-8";
/****reset****/
*{margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
:focus {outline: 0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup {font-style: normal;font-weight: normal;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}

input, button, textarea,select, optgroup, option {font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
input, button, textarea, select {*font-size: 100%;}
body {line-height: 1.5; font-family: 微软雅黑;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

a{ color:#858585; cursor:pointer;}
a, a:after, a:before {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-ms-touch-action: none;
	-moz-user-select: -moz-none;
}
/*a:visited{ color:#333334;}*/

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
/****reset****/
img { max-width:100%;}
/****共用******************/
html, body {font-family:'Microsoft YaHei';-webkit-user-select:none;-webkit-touch-callout:none;}
.all { width:100%; margin:0 auto; min-width:320px; max-width:640px; font-size:24px; color:#0b0b0b;}
    .all .header { position:relative; top:-8px; margin-bottom:-8px}
     .headerimg {position:relative; top:8px;}
.header div a {float:left; position:absolute; top:0; width:15.625%; height:100%; /*background:rgba(255,0,0,0.5)*/}
.header div .ag { left:0;}
.header div .agmall { right:0;}
.header div {text-align:center; height:17.231%;  position:absolute; bottom:0; width:100%; background:url(../images/gmall_2.png) no-repeat; background-size:100% 100%;}
    .header div h1 { color:#fff; font-size:1em; line-height:1em; position:absolute;top:0;left:0;right:0;bottom:0; height:1em; margin:auto;}
.wrapper { width:100%;overflow:hidden; position:relative;}
    .wrapper .scroller li img {width:100%; max-width:none; -webkit-user-select:none;-webkit-touch-callout:none;}
    .wrapper .scroller li .on { position:relative; width:150%; left: 50%; top: 50%;}
    .wrapper .scroller li {position:relative; float:left; width:100%; overflow:hidden;}
.digs { display:block; width:1.72em; height:1.72em; position:absolute; bottom:3.6em; left:1.2em; background:url(../images/gmall_4.png) no-repeat; background-size:100% 100%;}
.digsb { bottom:4em;background:url(../images/gmall_4_1.png) no-repeat; background-size:100% 100%; }
    .dian { width:100%; height:6px; overflow:hidden; margin:0 auto 0.6em; padding-top:0.68em; text-align:center;}
    .dian li { display:inline-block; vertical-align:top; cursor:pointer; border-radius:3px; margin:0 0.4em; width:1.12em; height:0.24em; min-height:4px; background:#d0d1d1;}
    .dian .on { background:#888989;}
.h2title { text-align:center; margin:0.8em auto 1.12em;}
    .h2title span { font-weight:bold;}
.introduce {width:93%; margin:0 auto; overflow:hidden; white-space:nowrap; border-bottom:1px solid #bebebe; border-top:1px solid #bebebe; height:2.96em;}
    .introduce li {float:left; width:33.33%; text-align:center; vertical-align:middle; font-size:0.88em; margin:1.04em 0; margin-left:-1px; border-right:1px solid #bebebe; height:1.2em; overflow:hidden; line-height:1.2em;}
        .introduce li:first-child { text-align:left;}
        .introduce li:last-child { border:none; text-align:right;}
        .introduce li span { color:#ee0000;}
.big { width:150%; display:none; max-width:none; position:fixed; top:0;left:0;}
.big img{width:150%; position:relative; top:0;left:0;-webkit-transition: 0ms;}
.bfd {width:500px; }
.newgoodsb { position:relative;}
.newgoodsb .wrapper {width:83%; margin:24px auto 15px; position:relative;}
    .left,.right { width:2.16em; height:2.16em; background:url(../images/gmall_6_1.png) no-repeat; position:absolute; top:50%; margin-top:-1.8em; background-size:100% 100%;}
.left {  left:0;}
.right { background:url(../images/gmall_6_2.png) no-repeat; right:0; background-size:100% 100%;}
.yg { color:#5a5655; font-size:0.84em; width:89%; margin:1px auto;}
    .yg h2 {font-size:0.96em; line-height:0.96em; margin:0.8em 0 1em;}
        .yg h2 b { background:url(../images/gmall_9_1.jpg) no-repeat 0 center; padding-left:1.6em; color:#504f4e;}
        .yg h2 .on { background:url(../images/gmall_9.jpg) no-repeat 0 center;}
    .yg ul li { line-height:1.6em;}
    	.yg .comment {display: table-cell;vertical-align: top; line-height: 1.3;padding: 5px 0;}
    	.yg .head {width: 26px;}
    	.yg .head img {width: 26px;height: 26px;}
    .yg ul { margin-bottom:1.52em;overflow:hidden;}
.tuij {position:relative; min-height:7.52em;}
    .tuij h3 { color:#000; font-size:0.96em; font-weight:bold;}
    .tuij img {position:absolute; left:0; width:3.56em;}
    .tuij p { padding-left:4.8em;  color:#000;}
.more { display:block; text-align:right; font-size:14px; color:#838383; margin:5px 0 8px;}
.ygb { text-align:center;}
    .ygb h2{ text-align:left;}
    .ygb img { margin:5px 0 10px;}
.ygmargintop { margin-top:25px;}
.ygd  ul{margin:1.48em 0 1.08em; }
.ygd img{ margin-bottom:20px; }
.yge .dian { margin-bottom:1.15em; }
.ygf ul {border-top:1px solid #ddd; }
.ygf ul li {border-bottom:1px solid #ddd; font-size:20px; line-height:44px; padding-left:43px;}
    .ygf ul .nam { background:url(../images/gmall_14.jpg) no-repeat 0 center;}
    .ygf ul .rady { background:url(../images/gmall_15.jpg) no-repeat 0 center;}
.ygf .more { text-align:left; margin-bottom:3px;}
.ygf ul { margin-bottom:12px;}
.gg {background:#c2c1c1;  font-size:0; text-align:center; overflow:hidden;}
    .gg img {}
    .gg .con { margin-top: -12px; width:100%;}
.ygg ul{margin-bottom:25px;}
.ygg ul li { float:left; text-align:center; width:25%; font-size:14px; position:relative;}
    .ygg ul li img { }
    .ygg ul li span { position:absolute; width:136px; height:30px; line-height:30px; bottom:0px; left:0; right:0; margin:0 auto; background:rgba(0,0,0,0.5); z-index:10; color:#fff; text-align:center;}
.gg div{ position:relative; }
    .gg div ul { position:absolute; top:40px;}
        .gg div ul li {  color:#c2c1c1; text-align:left; font-size:18px; line-height:34px;}
    .gg div .ula {left:213px; }
    .gg div .ulb {left:334px; }
    .gg div .ulc {left:480px; }
@media screen and (max-width:640px) {
    .all {font-size:25px;}
}
@media screen and (max-width:620px) {
    .all {font-size:22px;}
    .gg div ul {top:32px;}
    .gg div ul li {font-size:18px;line-height:32px; }
    .gg div .ula {left:170px; }
    .gg div .ulb {left:280px; }
    .gg div .ulc {left:425px; }
    .ygg ul li {text-align:left;}
        .ygg ul li img { width:96%;}
        .ygg ul li span { bottom: 0px; width:96%; height:26px;right:auto; margin:0; line-height:26px; }
}
@media screen and (max-width:580px) {
    .all {font-size:20px;}
    .gg div ul {top:30px;}
    .gg div ul li {font-size:16px;line-height:30px; }
    .gg div .ula {left:170px; }
    .gg div .ulb {left:270px; }
    .gg div .ulc {left:400px; }
    .ygg ul li {text-align:left;}
        .ygg ul li img { width:96%;}
        .ygg ul li span { bottom: 0px; width:96%; height:26px;right:auto; margin:0; line-height:26px; }
}
@media screen and (max-width:490px) {
    .all {font-size:20px;}
}
@media screen and (max-width:480px) {
    .all {font-size:19px;}
    .all .header {top:0px;}
     .headerimg {top:0px;}
    .header div {bottom:6px;}
    .left, .right { width: 1.9em; height:1.9em; }
    .ygd  ul{margin:0.8em 0 1em; }
    .yg h2 b {background-size:auto 85%; }
        .yg h2 .on {background-size:auto 85%;}
        .gg div ul { position:absolute; top:25px;}
        .gg div ul li {font-size:13px; line-height:26px;}
        .gg div .ula {left:150px; }
    .gg div .ulb {left:234px; }
    .gg div .ulc {left:340px; }
    .yg h2 {font-size:1em; line-height:1em;}
    .more { font-size:12px; margin:3px 0 5px;}
    .ygf ul li { font-size:16px; line-height:40px; padding-left:34px;}
    .ygf ul .nam { background-size:auto 65%;}
    .ygf ul .rady { background-size:auto 65%;}
    .ygg ul li { font-size:10px; }
    .tuij h3 {font-size:13px;}
    .tuij p { font-size:12px; }
    .ygg ul li {text-align:left;}
    .ygg ul li a{display:block }
        .ygg ul li img { width:96%;}
        .ygg ul li span { bottom: 0px; width:96%; height:20px;right:auto; margin:0; line-height:20px; }
        .digsb {width:32px; height:32px;}
}

@media screen and (max-width:450px) {
    .all {font-size:17px;}
    .gg div ul li {font-size:12px; line-height:24px;}
    .gg div .ula {left:130px; }
    .gg div .ulb {left:208px; }
    .gg div .ulc {left:305px; }
}
@media screen and (max-width:410px) {
    .all {font-size:14px;}
    .yg ul li { line-height:18px; font-size:11px;}
    .all {font-size:14px;}
    .all .header {top:0px;}
     .headerimg {top:0px;}
    .header div {bottom:6px;}
    .left, .right { width: 1.9em; height:1.9em; }
    .ygd  ul{margin:0.8em 0 1em; }
    .yg h2 b {background-size:auto 85%; }
        .yg h2 .on {background-size:auto 85%;}
        .gg div ul { position:absolute; top:20px;}
        .gg div ul li {font-size:10px; line-height:20px;}
        .gg div .ula {left:96px; }
    .gg div .ulb {left:160px; }
    .gg div .ulc {left:240px; }
    .yg h2 {font-size:1em; line-height:1em;}
    .more { font-size:12px; margin:3px 0 5px;}
    .ygf ul li { font-size:11px; line-height:30px; padding-left:30px;}
    .ygf ul .nam { background-size:auto 72%;}
    .ygf ul .rady { background-size:auto 72%;}
    .ygg ul li { font-size:10px; }
    .tuij h3 {font-size:13px;}
    .tuij p { font-size:12px; }
    .ygg ul li {text-align:left;}
        .ygg ul li img { width:96%;}
        .ygg ul li span { bottom: 0px; width:96%; height:20px;right:auto; margin:0; line-height:20px; }
        .digsb {width:23px; height:23px;}
}
@media screen and (max-width:320px) {
    .all {font-size:14px;}
    .yg ul li { line-height:18px; font-size:11px;}
    .all {font-size:14px;}
    .all .header {top:0px;}
     .headerimg {top:0px;}
    .header div {bottom:6px;}
    .left, .right { width: 1.9em; height:1.9em; }
    .ygd  ul{margin:0.8em 0 1em; }
    .yg h2 b {background-size:auto 85%; }
        .yg h2 .on {background-size:auto 85%;}
        .gg div ul { position:absolute; top:20px;}
        .gg div ul li {font-size:10px; line-height:20px;}
        .gg div .ula {left:96px; }
    .gg div .ulb {left:160px; }
    .gg div .ulc {left:240px; }
    .yg h2 {font-size:1em; line-height:1em;}
    .more { font-size:12px; margin:3px 0 5px;}
    .ygf ul li { font-size:11px; line-height:30px; padding-left:0px;}
    .ygf ul .nam { background-size:auto 72%;}
    .ygf ul .rady { background-size:auto 72%;}
    .ygg ul li { font-size:10px; }
    .tuij h3 {font-size:13px;}
    .tuij p { font-size:12px; }
    .ygg ul li {text-align:left;}
        .ygg ul li img { width:96%;}
        .ygg ul li span { bottom: 0px; width:96%; height:20px;right:auto; margin:0; line-height:20px; }
    .digsb {width:23px; height:23px;}
}
.imgheader { margin:0px auto -9px; background:#fff;}
.wrapperb .left{background:url(../images/gmall_6_1_1.png) no-repeat; background-size:100% 100%;}
.wrapperb .right { background:url(../images/gmall_6_2_1.png) no-repeat; background-size:100% 100%;}
.pubuliu { background:#c2c1c1;}
.allPB .pubuliu { display:block;}
.pubuliucon {  margin:0 13px; padding-bottom:30px; overflow:hidden;}
hr {border-top:2px solid #868584;border-bottom:2px solid #e9e8e8;margin:15px 20px 20px; }
.box { position:absolute; margin:11px; border-radius:15px; width:285px; background:#fff; box-shadow:0px 2px 1px #aaa9a9;}
    .box h3 { color:#636363; font-size:22px; margin:3px 22px 7px;}
.box p {color:#939393; font-size:16px; margin:0 22px; min-height:64px;}
    .box p span { display:block; color:#ff0000; line-height:34px; font-size:22px; text-align:right;}
    .box a { display:block;}
    .box a>img {width:100%;border-radius:15px 15px 0 0;}
    .box div { height:72px;border-top:1px solid #e9e9e9; }
        .box div img,.box div h4,.box div h5 {float:left;}
        .box div img { margin:13px 10px 0 20px; background-size:100% 100%;}
        .box div h4 { line-height:40px; height:40px; margin:18px 0; width:136px; font-size:16px; color:#636363;}
            .box div h4 span {font-weight:bold; color:#000; display:block;}
.box div .zf { line-height:20px;}
        .box div h5 {float:right; border-left:1px solid #b4b4b4;line-height:40px;height:40px; margin:18px 0; width:72px; text-align:center; font-size:16px; color:#636363;}



@media screen and (max-width:540px) {
    .pubuliucon {  margin:0 8px; padding-bottom:20px;}
hr {margin:12px 12px 15px;border-top:1px solid #868584;border-bottom:1px solid #e9e8e8; }
.box { margin:9px;  width:214px;}
    .box h3 { font-size:16px; margin:3px 14px 5px;}
.box p { font-size:12px; margin:0 14px; line-height:18px; min-height:44px;}
    .box p span {  line-height:22px; font-size:14px;}
    .box a>img {width:100%;}
    .box div { height:52px; }
        .box div img { margin:9px 8px 0 8px; width:35px;}
        .box div h4 { line-height:34px; height:34px; margin:10px 0; width:108px; font-size:12px;}
.box div .zf { line-height:17px; height:auto; margin:9px 0;}
        .box div h5 {line-height:34px;height:34px; margin:10px 0; width:54px; font-size:12px;}
}
@media screen and (max-width:480px) {
    .pubuliucon {  margin:0 8px; padding-bottom:20px;}
hr {margin:12px 12px 15px;border-top:1px solid #868584;border-bottom:1px solid #e9e8e8; }
.box { margin:9px;  width:214px;}
    .box h3 { font-size:16px; margin:3px 14px 5px;}
.box p { font-size:12px; margin:0 14px; line-height:18px; min-height:44px;}
    .box p span {  line-height:22px; font-size:14px;}
    .box a>img {width:100%;}
    .box div { height:52px; }
        .box div img { margin:9px 8px 0 8px; width:35px;}
        .box div h4 { line-height:34px; height:34px; margin:10px 0; width:108px; font-size:12px;}
.box div .zf { line-height:17px; height:auto; margin:9px 0;}
        .box div h5 {line-height:34px;height:34px; margin:10px 0; width:54px; font-size:12px;}
}
@media screen and (max-width:450px) {
    .pubuliucon {  margin:0 6px; padding-bottom:20px;}
hr {margin:12px 12px 15px;border-top:1px solid #868584;border-bottom:1px solid #e9e8e8; }
.box { margin:7px;  width:205px;}
    .box h3 { font-size:16px; margin:3px 14px 5px;}
.box p { font-size:12px; margin:0 14px; line-height:18px; min-height:44px;}
    .box p span {  line-height:22px; font-size:14px;}
    .box a>img {width:100%;}
    .box div { height:52px; }
        .box div img { margin:9px 8px 0 8px; width:35px;}
        .box div h4 { line-height:34px; height:34px; margin:10px 0; width:98px; font-size:12px;}
.box div .zf { line-height:17px; height:auto; margin:9px 0;}
        .box div h5 {line-height:34px;height:34px; margin:10px 0; width:54px; font-size:12px;}
}
@media screen and (max-width:450px) {
    .pubuliucon {  margin:0 6px; padding-bottom:20px;}
hr {margin:12px 12px 15px;border-top:1px solid #868584;border-bottom:1px solid #e9e8e8; }
.box { margin:7px;  width:205px;}
    .box h3 { font-size:16px; margin:3px 14px 5px;}
.box p { font-size:12px; margin:0 14px; line-height:18px; min-height:44px;}
    .box p span {  line-height:22px; font-size:14px;}
    .box a>img {width:100%;}
    .box div { height:52px; }
        .box div img { margin:9px 8px 0 8px; width:35px;}
        .box div h4 { line-height:34px; height:34px; margin:10px 0; width:82px; font-size:12px;}
.box div .zf { line-height:17px; height:auto; margin:9px 0;}
        .box div h5 {line-height:34px;height:34px; margin:10px 0; width:50px; font-size:12px;}
}

@media screen and (max-width:410px) {
    .pubuliucon {  margin:0 5px; padding-bottom:20px;}
hr {margin:10px 11px 10px; }
.box { margin:6px;  width:143px;}
    .box h3 { font-size:12px; margin:0px 10px 2px;}
.box p { font-size:10px; margin:0 10px; line-height:18px; min-height:54px;}
    .box p span {  line-height:16px; font-size:12px;}
    .box a>img {width:100%;}
    .box div { height:36px; }
        .box div img { margin:6px 5px 0 6px; width:23px;}
        .box div h4 { line-height:20px; height:20px; margin:9px 0; width:74px; font-size:10px;}
.box div .zf { line-height:13px; height:auto; margin:6px 0;}
        .box div h5 {line-height:20px;height:20px; margin:9px 0; width:34px; font-size:10px;}
}

@media screen and (max-width:320px) {
    .pubuliucon {  margin:6px 5px; padding-bottom:60px;}
hr {margin:10px 11px 10px; }
.box { margin:6px;  width:143px;}
    .box h3 { font-size:12px; margin:6px 10px 2px;font-family: Arail;}
.box p { font-size:10px; margin:0 10px; line-height:1.3; min-height:14px;}
    .box p span { line-height:1.3; font-size:12px;font-family: Arail;}
    .box a>img {width:100%;}
    .box div { height:36px; }
        .box div img { margin:6px 5px 0 6px; width:23px;}
        .box div h4 { line-height:20px; height:20px; margin:9px 0; width:74px; font-size:10px;}
.box div .zf { line-height:13px; height:auto; margin:6px 0;}
        .box div h5 {line-height:20px;height:20px; margin:9px 0; width:34px; font-size:10px;}
		.yg ul li { line-height:1em;}
		.tuij{ padding-bottom:2.5%;}
}

/*弹框样式*/
.imgzoom_pack{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:#000;
	display:none;
	z-index:111;
}
.imgzoom_pack .imgzoom_x{
	color:#fff;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	position:absolute;
	right:5px;
	top:5px;
	z-index:10;
	cursor:pointer;
}
.imgzoom_pack .imgzoom_img{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}
.imgzoom_pack .imgzoom_img img{
	width:100%;
	position:absolute;
	top:50%;
    max-width:none;
}